import { type ThemeConfig } from "@/shared/theme-config";

const zinc: ThemeConfig = {
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 240, s: 10, l: 3.9 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 240, s: 10, l: 3.9 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 240, s: 10, l: 3.9 },
    primary: { h: 240, s: 5.9, l: 10 },
    primaryForeground: { h: 0, s: 0, l: 98 },
    secondary: { h: 240, s: 4.8, l: 95.9 },
    secondaryForeground: { h: 240, s: 5.9, l: 10 },
    muted: { h: 240, s: 4.8, l: 95.9 },
    mutedForeground: { h: 240, s: 3.8, l: 46.1 },
    accent: { h: 240, s: 4.8, l: 95.9 },
    accentForeground: { h: 240, s: 5.9, l: 10 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 0, s: 0, l: 98 },
    border: { h: 240, s: 5.9, l: 90 },
    input: { h: 240, s: 5.9, l: 90 },
    ring: { h: 240, s: 5.9, l: 10 },
    "chart-1": { h: 12, s: 76, l: 61 },
    "chart-2": { h: 173, s: 58, l: 39 },
    "chart-3": { h: 197, s: 37, l: 24 },
    "chart-4": { h: 43, s: 74, l: 66 },
    "chart-5": { h: 27, s: 87, l: 67 },
  },
  dark: {
    background: { h: 240, s: 10, l: 3.9 },
    foreground: { h: 0, s: 0, l: 98 },
    card: { h: 240, s: 10, l: 3.9 },
    cardForeground: { h: 0, s: 0, l: 98 },
    popover: { h: 240, s: 10, l: 3.9 },
    popoverForeground: { h: 0, s: 0, l: 98 },
    primary: { h: 0, s: 0, l: 98 },
    primaryForeground: { h: 240, s: 5.9, l: 10 },
    secondary: { h: 240, s: 3.7, l: 15.9 },
    secondaryForeground: { h: 0, s: 0, l: 98 },
    muted: { h: 240, s: 3.7, l: 15.9 },
    mutedForeground: { h: 240, s: 5, l: 64.9 },
    accent: { h: 240, s: 3.7, l: 15.9 },
    accentForeground: { h: 0, s: 0, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 0, s: 0, l: 98 },
    border: { h: 240, s: 3.7, l: 15.9 },
    input: { h: 240, s: 3.7, l: 15.9 },
    ring: { h: 240, s: 4.9, l: 83.9 },
    "chart-1": { h: 220, s: 70, l: 50 },
    "chart-2": { h: 160, s: 60, l: 45 },
    "chart-3": { h: 30, s: 80, l: 55 },
    "chart-4": { h: 280, s: 65, l: 60 },
    "chart-5": { h: 340, s: 75, l: 55 },
  },
};

const slate: ThemeConfig = {
  // @ts-expect-error idc
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 222.2, s: 84, l: 4.9 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 222.2, s: 84, l: 4.9 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 222.2, s: 84, l: 4.9 },
    primary: { h: 222.2, s: 47.4, l: 11.2 },
    primaryForeground: { h: 210, s: 40, l: 98 },
    secondary: { h: 210, s: 40, l: 96.1 },
    secondaryForeground: { h: 222.2, s: 47.4, l: 11.2 },
    muted: { h: 210, s: 40, l: 96.1 },
    mutedForeground: { h: 215.4, s: 16.3, l: 46.9 },
    accent: { h: 210, s: 40, l: 96.1 },
    accentForeground: { h: 222.2, s: 47.4, l: 11.2 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 210, s: 40, l: 98 },
    border: { h: 214.3, s: 31.8, l: 91.4 },
    input: { h: 214.3, s: 31.8, l: 91.4 },
    ring: { h: 222.2, s: 84, l: 4.9 },
  },
  // @ts-expect-error idc
  dark: {
    background: { h: 222.2, s: 84, l: 4.9 },
    foreground: { h: 210, s: 40, l: 98 },
    card: { h: 222.2, s: 84, l: 4.9 },
    cardForeground: { h: 210, s: 40, l: 98 },
    popover: { h: 222.2, s: 84, l: 4.9 },
    popoverForeground: { h: 210, s: 40, l: 98 },
    primary: { h: 210, s: 40, l: 98 },
    primaryForeground: { h: 222.2, s: 47.4, l: 11.2 },
    secondary: { h: 217.2, s: 32.6, l: 17.5 },
    secondaryForeground: { h: 210, s: 40, l: 98 },
    muted: { h: 217.2, s: 32.6, l: 17.5 },
    mutedForeground: { h: 215, s: 20.2, l: 65.1 },
    accent: { h: 217.2, s: 32.6, l: 17.5 },
    accentForeground: { h: 210, s: 40, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 210, s: 40, l: 98 },
    border: { h: 217.2, s: 32.6, l: 17.5 },
    input: { h: 217.2, s: 32.6, l: 17.5 },
    ring: { h: 212.7, s: 26.8, l: 83.9 },
  },
};

const stone: ThemeConfig = {
  // @ts-expect-error idc
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 20, s: 14.3, l: 4.1 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 20, s: 14.3, l: 4.1 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 20, s: 14.3, l: 4.1 },
    primary: { h: 24, s: 9.8, l: 10 },
    primaryForeground: { h: 60, s: 9.1, l: 97.8 },
    secondary: { h: 60, s: 4.8, l: 95.9 },
    secondaryForeground: { h: 24, s: 9.8, l: 10 },
    muted: { h: 60, s: 4.8, l: 95.9 },
    mutedForeground: { h: 25, s: 5.3, l: 44.7 },
    accent: { h: 60, s: 4.8, l: 95.9 },
    accentForeground: { h: 24, s: 9.8, l: 10 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 60, s: 9.1, l: 97.8 },
    border: { h: 20, s: 5.9, l: 90 },
    input: { h: 20, s: 5.9, l: 90 },
    ring: { h: 20, s: 14.3, l: 4.1 },
  },
  // @ts-expect-error idc
  dark: {
    background: { h: 20, s: 14.3, l: 4.1 },
    foreground: { h: 60, s: 9.1, l: 97.8 },
    card: { h: 20, s: 14.3, l: 4.1 },
    cardForeground: { h: 60, s: 9.1, l: 97.8 },
    popover: { h: 20, s: 14.3, l: 4.1 },
    popoverForeground: { h: 60, s: 9.1, l: 97.8 },
    primary: { h: 60, s: 9.1, l: 97.8 },
    primaryForeground: { h: 24, s: 9.8, l: 10 },
    secondary: { h: 12, s: 6.5, l: 15.1 },
    secondaryForeground: { h: 60, s: 9.1, l: 97.8 },
    muted: { h: 12, s: 6.5, l: 15.1 },
    mutedForeground: { h: 24, s: 5.4, l: 63.9 },
    accent: { h: 12, s: 6.5, l: 15.1 },
    accentForeground: { h: 60, s: 9.1, l: 97.8 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 60, s: 9.1, l: 97.8 },
    border: { h: 12, s: 6.5, l: 15.1 },
    input: { h: 12, s: 6.5, l: 15.1 },
    ring: { h: 24, s: 5.7, l: 82.9 },
  },
};

const gray: ThemeConfig = {
  // @ts-expect-error idc
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 224, s: 71.4, l: 4.1 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 224, s: 71.4, l: 4.1 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 224, s: 71.4, l: 4.1 },
    primary: { h: 220.9, s: 39.3, l: 11 },
    primaryForeground: { h: 210, s: 20, l: 98 },
    secondary: { h: 220, s: 14.3, l: 95.9 },
    secondaryForeground: { h: 220.9, s: 39.3, l: 11 },
    muted: { h: 220, s: 14.3, l: 95.9 },
    mutedForeground: { h: 220, s: 8.9, l: 46.1 },
    accent: { h: 220, s: 14.3, l: 95.9 },
    accentForeground: { h: 220.9, s: 39.3, l: 11 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 210, s: 20, l: 98 },
    border: { h: 220, s: 13, l: 91 },
    input: { h: 220, s: 13, l: 91 },
    ring: { h: 224, s: 71.4, l: 4.1 },
  },
  // @ts-expect-error idc
  dark: {
    background: { h: 224, s: 71.4, l: 4.1 },
    foreground: { h: 210, s: 20, l: 98 },
    card: { h: 224, s: 71.4, l: 4.1 },
    cardForeground: { h: 210, s: 20, l: 98 },
    popover: { h: 224, s: 71.4, l: 4.1 },
    popoverForeground: { h: 210, s: 20, l: 98 },
    primary: { h: 210, s: 20, l: 98 },
    primaryForeground: { h: 220.9, s: 39.3, l: 11 },
    secondary: { h: 215, s: 27.9, l: 16.9 },
    secondaryForeground: { h: 210, s: 20, l: 98 },
    muted: { h: 215, s: 27.9, l: 16.9 },
    mutedForeground: { h: 217.9, s: 10.6, l: 64.9 },
    accent: { h: 215, s: 27.9, l: 16.9 },
    accentForeground: { h: 210, s: 20, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 210, s: 20, l: 98 },
    border: { h: 215, s: 27.9, l: 16.9 },
    input: { h: 215, s: 27.9, l: 16.9 },
    ring: { h: 216, s: 12.2, l: 83.9 },
  },
};

const neutral: ThemeConfig = {
  // @ts-expect-error idc
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 0, s: 0, l: 3.9 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 0, s: 0, l: 3.9 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 0, s: 0, l: 3.9 },
    primary: { h: 0, s: 0, l: 9 },
    primaryForeground: { h: 0, s: 0, l: 98 },
    secondary: { h: 0, s: 0, l: 96.1 },
    secondaryForeground: { h: 0, s: 0, l: 9 },
    muted: { h: 0, s: 0, l: 96.1 },
    mutedForeground: { h: 0, s: 0, l: 45.1 },
    accent: { h: 0, s: 0, l: 96.1 },
    accentForeground: { h: 0, s: 0, l: 9 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 0, s: 0, l: 98 },
    border: { h: 0, s: 0, l: 89.8 },
    input: { h: 0, s: 0, l: 89.8 },
    ring: { h: 0, s: 0, l: 3.9 },
  },
  // @ts-expect-error idc
  dark: {
    background: { h: 0, s: 0, l: 3.9 },
    foreground: { h: 0, s: 0, l: 98 },
    card: { h: 0, s: 0, l: 3.9 },
    cardForeground: { h: 0, s: 0, l: 98 },
    popover: { h: 0, s: 0, l: 3.9 },
    popoverForeground: { h: 0, s: 0, l: 98 },
    primary: { h: 0, s: 0, l: 98 },
    primaryForeground: { h: 0, s: 0, l: 9 },
    secondary: { h: 0, s: 0, l: 14.9 },
    secondaryForeground: { h: 0, s: 0, l: 98 },
    muted: { h: 0, s: 0, l: 14.9 },
    mutedForeground: { h: 0, s: 0, l: 63.9 },
    accent: { h: 0, s: 0, l: 14.9 },
    accentForeground: { h: 0, s: 0, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 0, s: 0, l: 98 },
    border: { h: 0, s: 0, l: 14.9 },
    input: { h: 0, s: 0, l: 14.9 },
    ring: { h: 0, s: 0, l: 83.1 },
  },
};

const red = {
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 0, s: 0, l: 3.9 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 0, s: 0, l: 3.9 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 0, s: 0, l: 3.9 },
    primary: { h: 0, s: 72.2, l: 50.6 },
    primaryForeground: { h: 0, s: 85.7, l: 97.3 },
    secondary: { h: 0, s: 0, l: 96.1 },
    secondaryForeground: { h: 0, s: 0, l: 9 },
    muted: { h: 0, s: 0, l: 96.1 },
    mutedForeground: { h: 0, s: 0, l: 45.1 },
    accent: { h: 0, s: 0, l: 96.1 },
    accentForeground: { h: 0, s: 0, l: 9 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 0, s: 0, l: 98 },
    border: { h: 0, s: 0, l: 89.8 },
    input: { h: 0, s: 0, l: 89.8 },
    ring: { h: 0, s: 72.2, l: 50.6 },
    "chart-1": { h: 12, s: 76, l: 61 },
    "chart-2": { h: 173, s: 58, l: 39 },
    "chart-3": { h: 197, s: 37, l: 24 },
    "chart-4": { h: 43, s: 74, l: 66 },
    "chart-5": { h: 27, s: 87, l: 67 },
  },
  dark: {
    background: { h: 0, s: 0, l: 3.9 },
    foreground: { h: 0, s: 0, l: 98 },
    card: { h: 0, s: 0, l: 3.9 },
    cardForeground: { h: 0, s: 0, l: 98 },
    popover: { h: 0, s: 0, l: 3.9 },
    popoverForeground: { h: 0, s: 0, l: 98 },
    primary: { h: 0, s: 72.2, l: 50.6 },
    primaryForeground: { h: 0, s: 85.7, l: 97.3 },
    secondary: { h: 0, s: 0, l: 14.9 },
    secondaryForeground: { h: 0, s: 0, l: 98 },
    muted: { h: 0, s: 0, l: 14.9 },
    mutedForeground: { h: 0, s: 0, l: 63.9 },
    accent: { h: 0, s: 0, l: 14.9 },
    accentForeground: { h: 0, s: 0, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 0, s: 0, l: 98 },
    border: { h: 0, s: 0, l: 14.9 },
    input: { h: 0, s: 0, l: 14.9 },
    ring: { h: 0, s: 72.2, l: 50.6 },
    "chart-1": { h: 220, s: 70, l: 50 },
    "chart-2": { h: 160, s: 60, l: 45 },
    "chart-3": { h: 30, s: 80, l: 55 },
    "chart-4": { h: 280, s: 65, l: 60 },
    "chart-5": { h: 340, s: 75, l: 55 },
  },
};

const rose = {
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 240, s: 10, l: 3.9 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 240, s: 10, l: 3.9 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 240, s: 10, l: 3.9 },
    primary: { h: 346.8, s: 77.2, l: 49.8 },
    primaryForeground: { h: 355.7, s: 100, l: 97.3 },
    secondary: { h: 240, s: 4.8, l: 95.9 },
    secondaryForeground: { h: 240, s: 5.9, l: 10 },
    muted: { h: 240, s: 4.8, l: 95.9 },
    mutedForeground: { h: 240, s: 3.8, l: 46.1 },
    accent: { h: 240, s: 4.8, l: 95.9 },
    accentForeground: { h: 240, s: 5.9, l: 10 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 0, s: 0, l: 98 },
    border: { h: 240, s: 5.9, l: 90 },
    input: { h: 240, s: 5.9, l: 90 },
    ring: { h: 346.8, s: 77.2, l: 49.8 },
    "chart-1": { h: 12, s: 76, l: 61 },
    "chart-2": { h: 173, s: 58, l: 39 },
    "chart-3": { h: 197, s: 37, l: 24 },
    "chart-4": { h: 43, s: 74, l: 66 },
    "chart-5": { h: 27, s: 87, l: 67 },
  },
  dark: {
    background: { h: 20, s: 14.3, l: 4.1 },
    foreground: { h: 0, s: 0, l: 95 },
    card: { h: 24, s: 9.8, l: 10 },
    cardForeground: { h: 0, s: 0, l: 95 },
    popover: { h: 0, s: 0, l: 9 },
    popoverForeground: { h: 0, s: 0, l: 95 },
    primary: { h: 346.8, s: 77.2, l: 49.8 },
    primaryForeground: { h: 355.7, s: 100, l: 97.3 },
    secondary: { h: 240, s: 3.7, l: 15.9 },
    secondaryForeground: { h: 0, s: 0, l: 98 },
    muted: { h: 0, s: 0, l: 15 },
    mutedForeground: { h: 240, s: 5, l: 64.9 },
    accent: { h: 12, s: 6.5, l: 15.1 },
    accentForeground: { h: 0, s: 0, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 0, s: 85.7, l: 97.3 },
    border: { h: 240, s: 3.7, l: 15.9 },
    input: { h: 240, s: 3.7, l: 15.9 },
    ring: { h: 346.8, s: 77.2, l: 49.8 },
    "chart-1": { h: 220, s: 70, l: 50 },
    "chart-2": { h: 160, s: 60, l: 45 },
    "chart-3": { h: 30, s: 80, l: 55 },
    "chart-4": { h: 280, s: 65, l: 60 },
    "chart-5": { h: 340, s: 75, l: 55 },
  },
};

const orange = {
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 20, s: 14.3, l: 4.1 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 20, s: 14.3, l: 4.1 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 20, s: 14.3, l: 4.1 },
    primary: { h: 24.6, s: 95, l: 53.1 },
    primaryForeground: { h: 60, s: 9.1, l: 97.8 },
    secondary: { h: 60, s: 4.8, l: 95.9 },
    secondaryForeground: { h: 24, s: 9.8, l: 10 },
    muted: { h: 60, s: 4.8, l: 95.9 },
    mutedForeground: { h: 25, s: 5.3, l: 44.7 },
    accent: { h: 60, s: 4.8, l: 95.9 },
    accentForeground: { h: 24, s: 9.8, l: 10 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 60, s: 9.1, l: 97.8 },
    border: { h: 20, s: 5.9, l: 90 },
    input: { h: 20, s: 5.9, l: 90 },
    ring: { h: 24.6, s: 95, l: 53.1 },
    "chart-1": { h: 12, s: 76, l: 61 },
    "chart-2": { h: 173, s: 58, l: 39 },
    "chart-3": { h: 197, s: 37, l: 24 },
    "chart-4": { h: 43, s: 74, l: 66 },
    "chart-5": { h: 27, s: 87, l: 67 },
  },
  dark: {
    background: { h: 20, s: 14.3, l: 4.1 },
    foreground: { h: 60, s: 9.1, l: 97.8 },
    card: { h: 20, s: 14.3, l: 4.1 },
    cardForeground: { h: 60, s: 9.1, l: 97.8 },
    popover: { h: 20, s: 14.3, l: 4.1 },
    popoverForeground: { h: 60, s: 9.1, l: 97.8 },
    primary: { h: 20.5, s: 90.2, l: 48.2 },
    primaryForeground: { h: 60, s: 9.1, l: 97.8 },
    secondary: { h: 12, s: 6.5, l: 15.1 },
    secondaryForeground: { h: 60, s: 9.1, l: 97.8 },
    muted: { h: 12, s: 6.5, l: 15.1 },
    mutedForeground: { h: 24, s: 5.4, l: 63.9 },
    accent: { h: 12, s: 6.5, l: 15.1 },
    accentForeground: { h: 60, s: 9.1, l: 97.8 },
    destructive: { h: 0, s: 72.2, l: 50.6 },
    destructiveForeground: { h: 60, s: 9.1, l: 97.8 },
    border: { h: 12, s: 6.5, l: 15.1 },
    input: { h: 12, s: 6.5, l: 15.1 },
    ring: { h: 20.5, s: 90.2, l: 48.2 },
    "chart-1": { h: 220, s: 70, l: 50 },
    "chart-2": { h: 160, s: 60, l: 45 },
    "chart-3": { h: 30, s: 80, l: 55 },
    "chart-4": { h: 280, s: 65, l: 60 },
    "chart-5": { h: 340, s: 75, l: 55 },
  },
};

const green = {
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 240, s: 10, l: 3.9 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 240, s: 10, l: 3.9 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 240, s: 10, l: 3.9 },
    primary: { h: 142.1, s: 76.2, l: 36.3 },
    primaryForeground: { h: 355.7, s: 100, l: 97.3 },
    secondary: { h: 240, s: 4.8, l: 95.9 },
    secondaryForeground: { h: 240, s: 5.9, l: 10 },
    muted: { h: 240, s: 4.8, l: 95.9 },
    mutedForeground: { h: 240, s: 3.8, l: 46.1 },
    accent: { h: 240, s: 4.8, l: 95.9 },
    accentForeground: { h: 240, s: 5.9, l: 10 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 0, s: 0, l: 98 },
    border: { h: 240, s: 5.9, l: 90 },
    input: { h: 240, s: 5.9, l: 90 },
    ring: { h: 142.1, s: 76.2, l: 36.3 },
    "chart-1": { h: 12, s: 76, l: 61 },
    "chart-2": { h: 173, s: 58, l: 39 },
    "chart-3": { h: 197, s: 37, l: 24 },
    "chart-4": { h: 43, s: 74, l: 66 },
    "chart-5": { h: 27, s: 87, l: 67 },
  },
  dark: {
    background: { h: 20, s: 14.3, l: 4.1 },
    foreground: { h: 0, s: 0, l: 95 },
    card: { h: 24, s: 9.8, l: 10 },
    cardForeground: { h: 0, s: 0, l: 95 },
    popover: { h: 0, s: 0, l: 9 },
    popoverForeground: { h: 0, s: 0, l: 95 },
    primary: { h: 142.1, s: 70.6, l: 45.3 },
    primaryForeground: { h: 144.9, s: 80.4, l: 10 },
    secondary: { h: 240, s: 3.7, l: 15.9 },
    secondaryForeground: { h: 0, s: 0, l: 98 },
    muted: { h: 0, s: 0, l: 15 },
    mutedForeground: { h: 240, s: 5, l: 64.9 },
    accent: { h: 12, s: 6.5, l: 15.1 },
    accentForeground: { h: 0, s: 0, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 0, s: 85.7, l: 97.3 },
    border: { h: 240, s: 3.7, l: 15.9 },
    input: { h: 240, s: 3.7, l: 15.9 },
    ring: { h: 142.4, s: 71.8, l: 29.2 },
    "chart-1": { h: 220, s: 70, l: 50 },
    "chart-2": { h: 160, s: 60, l: 45 },
    "chart-3": { h: 30, s: 80, l: 55 },
    "chart-4": { h: 280, s: 65, l: 60 },
    "chart-5": { h: 340, s: 75, l: 55 },
  },
};

const blue = {
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 222.2, s: 84, l: 4.9 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 222.2, s: 84, l: 4.9 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 222.2, s: 84, l: 4.9 },
    primary: { h: 221.2, s: 83.2, l: 53.3 },
    primaryForeground: { h: 210, s: 40, l: 98 },
    secondary: { h: 210, s: 40, l: 96.1 },
    secondaryForeground: { h: 222.2, s: 47.4, l: 11.2 },
    muted: { h: 210, s: 40, l: 96.1 },
    mutedForeground: { h: 215.4, s: 16.3, l: 46.9 },
    accent: { h: 210, s: 40, l: 96.1 },
    accentForeground: { h: 222.2, s: 47.4, l: 11.2 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 210, s: 40, l: 98 },
    border: { h: 214.3, s: 31.8, l: 91.4 },
    input: { h: 214.3, s: 31.8, l: 91.4 },
    ring: { h: 221.2, s: 83.2, l: 53.3 },
    "chart-1": { h: 12, s: 76, l: 61 },
    "chart-2": { h: 173, s: 58, l: 39 },
    "chart-3": { h: 197, s: 37, l: 24 },
    "chart-4": { h: 43, s: 74, l: 66 },
    "chart-5": { h: 27, s: 87, l: 67 },
  },
  dark: {
    background: { h: 222.2, s: 84, l: 4.9 },
    foreground: { h: 210, s: 40, l: 98 },
    card: { h: 222.2, s: 84, l: 4.9 },
    cardForeground: { h: 210, s: 40, l: 98 },
    popover: { h: 222.2, s: 84, l: 4.9 },
    popoverForeground: { h: 210, s: 40, l: 98 },
    primary: { h: 217.2, s: 91.2, l: 59.8 },
    primaryForeground: { h: 222.2, s: 47.4, l: 11.2 },
    secondary: { h: 217.2, s: 32.6, l: 17.5 },
    secondaryForeground: { h: 210, s: 40, l: 98 },
    muted: { h: 217.2, s: 32.6, l: 17.5 },
    mutedForeground: { h: 215, s: 20.2, l: 65.1 },
    accent: { h: 217.2, s: 32.6, l: 17.5 },
    accentForeground: { h: 210, s: 40, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 210, s: 40, l: 98 },
    border: { h: 217.2, s: 32.6, l: 17.5 },
    input: { h: 217.2, s: 32.6, l: 17.5 },
    ring: { h: 224.3, s: 76.3, l: 48 },
    "chart-1": { h: 220, s: 70, l: 50 },
    "chart-2": { h: 160, s: 60, l: 45 },
    "chart-3": { h: 30, s: 80, l: 55 },
    "chart-4": { h: 280, s: 65, l: 60 },
    "chart-5": { h: 340, s: 75, l: 55 },
  },
};

const yellow = {
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 20, s: 14.3, l: 4.1 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 20, s: 14.3, l: 4.1 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 20, s: 14.3, l: 4.1 },
    primary: { h: 47.9, s: 95.8, l: 53.1 },
    primaryForeground: { h: 26, s: 83.3, l: 14.1 },
    secondary: { h: 60, s: 4.8, l: 95.9 },
    secondaryForeground: { h: 24, s: 9.8, l: 10 },
    muted: { h: 60, s: 4.8, l: 95.9 },
    mutedForeground: { h: 25, s: 5.3, l: 44.7 },
    accent: { h: 60, s: 4.8, l: 95.9 },
    accentForeground: { h: 24, s: 9.8, l: 10 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 60, s: 9.1, l: 97.8 },
    border: { h: 20, s: 5.9, l: 90 },
    input: { h: 20, s: 5.9, l: 90 },
    ring: { h: 20, s: 14.3, l: 4.1 },
    "chart-1": { h: 12, s: 76, l: 61 },
    "chart-2": { h: 173, s: 58, l: 39 },
    "chart-3": { h: 197, s: 37, l: 24 },
    "chart-4": { h: 43, s: 74, l: 66 },
    "chart-5": { h: 27, s: 87, l: 67 },
  },
  dark: {
    background: { h: 20, s: 14.3, l: 4.1 },
    foreground: { h: 60, s: 9.1, l: 97.8 },
    card: { h: 20, s: 14.3, l: 4.1 },
    cardForeground: { h: 60, s: 9.1, l: 97.8 },
    popover: { h: 20, s: 14.3, l: 4.1 },
    popoverForeground: { h: 60, s: 9.1, l: 97.8 },
    primary: { h: 47.9, s: 95.8, l: 53.1 },
    primaryForeground: { h: 26, s: 83.3, l: 14.1 },
    secondary: { h: 12, s: 6.5, l: 15.1 },
    secondaryForeground: { h: 60, s: 9.1, l: 97.8 },
    muted: { h: 12, s: 6.5, l: 15.1 },
    mutedForeground: { h: 24, s: 5.4, l: 63.9 },
    accent: { h: 12, s: 6.5, l: 15.1 },
    accentForeground: { h: 60, s: 9.1, l: 97.8 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 60, s: 9.1, l: 97.8 },
    border: { h: 12, s: 6.5, l: 15.1 },
    input: { h: 12, s: 6.5, l: 15.1 },
    ring: { h: 35.5, s: 91.7, l: 32.9 },
    "chart-1": { h: 220, s: 70, l: 50 },
    "chart-2": { h: 160, s: 60, l: 45 },
    "chart-3": { h: 30, s: 80, l: 55 },
    "chart-4": { h: 280, s: 65, l: 60 },
    "chart-5": { h: 340, s: 75, l: 55 },
  },
};

const violet = {
  light: {
    background: { h: 0, s: 0, l: 100 },
    foreground: { h: 224, s: 71.4, l: 4.1 },
    card: { h: 0, s: 0, l: 100 },
    cardForeground: { h: 224, s: 71.4, l: 4.1 },
    popover: { h: 0, s: 0, l: 100 },
    popoverForeground: { h: 224, s: 71.4, l: 4.1 },
    primary: { h: 262.1, s: 83.3, l: 57.8 },
    primaryForeground: { h: 210, s: 20, l: 98 },
    secondary: { h: 220, s: 14.3, l: 95.9 },
    secondaryForeground: { h: 220.9, s: 39.3, l: 11 },
    muted: { h: 220, s: 14.3, l: 95.9 },
    mutedForeground: { h: 220, s: 8.9, l: 46.1 },
    accent: { h: 220, s: 14.3, l: 95.9 },
    accentForeground: { h: 220.9, s: 39.3, l: 11 },
    destructive: { h: 0, s: 84.2, l: 60.2 },
    destructiveForeground: { h: 210, s: 20, l: 98 },
    border: { h: 220, s: 13, l: 91 },
    input: { h: 220, s: 13, l: 91 },
    ring: { h: 262.1, s: 83.3, l: 57.8 },
    radius: "0.5rem",
    "chart-1": { h: 12, s: 76, l: 61 },
    "chart-2": { h: 173, s: 58, l: 39 },
    "chart-3": { h: 197, s: 37, l: 24 },
    "chart-4": { h: 43, s: 74, l: 66 },
    "chart-5": { h: 27, s: 87, l: 67 },
  },
  dark: {
    background: { h: 224, s: 71.4, l: 4.1 },
    foreground: { h: 210, s: 20, l: 98 },
    card: { h: 224, s: 71.4, l: 4.1 },
    cardForeground: { h: 210, s: 20, l: 98 },
    popover: { h: 224, s: 71.4, l: 4.1 },
    popoverForeground: { h: 210, s: 20, l: 98 },
    primary: { h: 263.4, s: 70, l: 50.4 },
    primaryForeground: { h: 210, s: 20, l: 98 },
    secondary: { h: 215, s: 27.9, l: 16.9 },
    secondaryForeground: { h: 210, s: 20, l: 98 },
    muted: { h: 215, s: 27.9, l: 16.9 },
    mutedForeground: { h: 217.9, s: 10.6, l: 64.9 },
    accent: { h: 215, s: 27.9, l: 16.9 },
    accentForeground: { h: 210, s: 20, l: 98 },
    destructive: { h: 0, s: 62.8, l: 30.6 },
    destructiveForeground: { h: 210, s: 20, l: 98 },
    border: { h: 215, s: 27.9, l: 16.9 },
    input: { h: 215, s: 27.9, l: 16.9 },
    ring: { h: 263.4, s: 70, l: 50.4 },
    "chart-1": { h: 220, s: 70, l: 50 },
    "chart-2": { h: 160, s: 60, l: 45 },
    "chart-3": { h: 30, s: 80, l: 55 },
    "chart-4": { h: 280, s: 65, l: 60 },
    "chart-5": { h: 340, s: 75, l: 55 },
  },
};

export const shadcnThemes: Array<{ name: string; config: ThemeConfig }> = [
  {
    name: "Zinc",
    config: zinc,
  },
  {
    name: "Slate",
    config: slate,
  },
  {
    name: "Stone",
    config: stone,
  },
  {
    name: "Gray",
    config: gray,
  },
  {
    name: "Neutral",
    config: neutral,
  },
  {
    name: "Red",
    config: red,
  },
  {
    name: "Rose",
    config: rose,
  },
  {
    name: "Orange",
    config: orange,
  },
  {
    name: "Green",
    config: green,
  },
  {
    name: "Blue",
    config: blue,
  },
  {
    name: "Yellow",
    config: yellow,
  },
  {
    name: "Violet",
    config: violet,
  },
];
